
<template name="skeleton">
    <view class="sk-container">
      <!-- <view style="padding-right:8px">
        
      </view> -->
      <view style="padding-right:8px">
      <view is="wxcomponents/vant/dist/search/index">
        <view class="van-search search-index--van-search " style="background: #ffffff">
          <view class="van-search__content search-index--van-search__content van-search__content--square search-index--van-search__content--square">
            <view is="wxcomponents/vant/dist/field/index" class="van-search__field search-index--van-search__field ">
              <view is="wxcomponents/vant/dist/cell/index">
                <view class="field-index--van-field van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="padding: 5px 10px 5px 0; background-color: transparent;">
                  <view is="wxcomponents/vant/dist/icon/index" class="van-cell__left-icon-wrap cell-index--van-cell__left-icon-wrap">
                    <view class="cell-index--van-cell__left-icon van-icon icon-index--van-icon van-icon-search icon-index--van-icon-search sk-pseudo sk-pseudo-circle" style="true"></view>
                  </view>
                  <view class="van-cell__value cell-index--van-cell__value ">
                    <view class="van-field__body field-index--van-field__body van-field__body--search field-index--van-field__body--search">
                      <view class="van-field__control field-index--van-field__control van-field__control--disabled field-index--van-field__control--disabled sk-image" cursor="-1" maxlength="-1" placeholder="请输入搜索关键词" placeholder-class="van-field__placeholder"
                        placeholder-style="true" selection-end="-1" selection-start="-1" type="search" value="true" disabled="true"></view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
      <view is="wxcomponents/vant/dist/cell/index">
      <view class="van-cell cell-index--van-cell van-cell--center cell-index--van-cell--center sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="true">
        <view class="van-cell__title cell-index--van-cell__title sk-transparent sk-text-20-8333-258 sk-text" style="true">智能匹配</view>
        <!-- <view is="wxcomponents/vant/dist/switch/index"> -->
          <!-- <view class="van-switch switch-index--van-switch van-switch--on switch-index--van-switch--on " :style="{'font-size':'24px'}">
            <view class="van-switch__node switch-index--van-switch__node "></view>
          </view> -->
        <!-- </view> -->
      </view>
    </view>
      <view is="components/matchUser">
        
          <view class="container matchUser--container data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
            <view class="avartar matchUser--avartar data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
              <view is="wxcomponents/vant/dist/image/index" class="data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class=" van-image image-index--van-image van-image--round image-index--van-image--round" :style="{'width':'10rem','height':'10rem'}">
                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill"></image>
                </view>
              </view>
            </view>
            <view class="username matchUser--username data-v-4a4b9b24 matchUser--data-v-4a4b9b24 sk-transparent sk-text-14-2857-486 sk-text" :style="{'background-position-x': '50%'}">不知名用户1</view>
            <view class="desc matchUser--desc data-v-4a4b9b24 matchUser--data-v-4a4b9b24 sk-transparent sk-text-14-2857-83 sk-text" :style="{'background-position-x': '50%'}">世界这么大，我想去看看</view>
            <view class="tags matchUser--tags data-v-4a4b9b24 matchUser--data-v-4a4b9b24" style="display: flex;">
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-631 sk-text" :style="{'background-position-x': '50%'}">java</view>
              </view>
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-872 sk-text" :style="{'background-position-x': '50%'}">求职中</view>
              </view>
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-67 sk-text" :style="{'background-position-x': '50%'}">比赛</view>
              </view>
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-94 sk-text" :style="{'background-position-x': '50%'}">蓝桥杯</view>
              </view>
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-199 sk-text" :style="{'background-position-x': '50%'}">男</view>
              </view>
              <view is="wxcomponents/vant/dist/tag/index" class="space-8 matchUser--space-8 data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
                <view class="van-tag tag-index--van-tag van-tag--primary tag-index--van-tag--primary van-tag--large tag-index--van-tag--large sk-transparent sk-text-6-2500-285 sk-text" :style="{'background-position-x': '50%'}">大一</view>
              </view>
            </view>
          </view>
          <view class="d-btn matchUser--d-btn data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
            <view is="wxcomponents/vant/dist/button/index" class="data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
              <button app-parameter="true" business-id="true" class="van-button button-index--van-button van-button--info button-index--van-button--info van-button--normal button-index--van-button--normal van-button--block button-index--van-button--block van-button--round button-index--van-button--round sk-button sk-pseudo sk-pseudo-circle"
                data-detail="null" form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
                <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-688 sk-text" :style="{'background-position-x': '50%'}">邀请组队</view>
              </button>
            </view>
          </view>
          <view class="d-btn matchUser--d-btn data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
            <view is="wxcomponents/vant/dist/button/index" class="data-v-4a4b9b24 matchUser--data-v-4a4b9b24">
              <button app-parameter="true" business-id="true" class="van-button button-index--van-button van-button--primary button-index--van-button--primary van-button--normal button-index--van-button--normal van-button--block button-index--van-button--block van-button--round button-index--van-button--round sk-button sk-pseudo sk-pseudo-circle"
                data-detail="null" form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
                <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-494 sk-text" :style="{'background-position-x': '50%'}">换一换</view>
              </button>
            </view>
          </view>
        
      </view>
    </view>
  </template>
  <style scoped>

.sk-transparent {
    color: transparent !important;
  }
.sk-text-20-8333-258 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-486 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 53.8462rpx;
    position: relative !important;
  }
.sk-text-14-2857-83 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-6-2500-631 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-6-2500-872 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-6-2500-67 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-6-2500-94 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-6-2500-199 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-6-2500-285 {
    background-image: linear-gradient(transparent 6.2500%, #EEEEEE 0%, #EEEEEE 93.7500%, transparent 0%) !important;
    background-size: 100% 30.7692rpx;
    position: relative !important;
  }
.sk-text-15-0000-688 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-15-0000-494 {
    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    z-index: 9999;
  }

</style>